﻿@charset "utf-8";
/* CSS Document */
html, body { 
	height:100%; overflow:hidden;
}
/*top*/
.top{ position:absolute; top:0; height:55px; left:0; right:0; background:#252525;}
.top_left{ padding:10px 0 0 18px; float:left;}
.top_build{ height:30px; background:url(../images/top_logo.png) no-repeat center left;}
.top_build span{ font-size:14px; color:#bfbfbf; display:block; float:left; margin-right:14px;}
.top_logo {width:150px;height:30px;display:block;float:left;margin-right:10px;}
.top_select{ width:230px; height:34px; background:#373737; border-radius:2px;position: relative;color:#eef1f2; font-size:14px; float:left;}
.top_select_btn,.top_select_txt{float: left;height: 100%;line-height: 34px;}
.top_select_txt{width: 196px; color:#cccccc; font-size:14px;}
.top_select_txt,.top_select_list li{text-indent: 14px;overflow: hidden}
.top_select_btn{width: 34px;background: url(../images/arrow_down.png) no-repeat center}
.top_select_list{position: absolute;top: 34px;left: -1px;z-index: 88888;border-top: none;width: 232px;display: none;_top:35px; background:#373737;border:1px solid #252525;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:0 none;}
.top_select_list li{list-style: none;height: 36px;line-height: 36px;cursor:default;background:#373737;font-size:14px;color:#cccccc;cursor:pointer;}
.top_select_list li.focus{background: #262626;}
.pop_build {padding:0 0 8px 14px;}
    .pop_build a {width:160px;height:40px;background:#dcdcdc;border:1px solid #cccccc;line-height:40px;text-align:center;font-size:14px;color:#7d7d7d;display:block;margin:0 12px 12px 0;float:left;}
        .pop_build a.on {background:#1f68ba;border-color:#1f68ba;color:#fff;}
        .pop_build a:hover{color:#1f68ba;text-decoration:none;}
        .pop_build a.on:hover {color:#fff;}
.Cancel{border:1px solid #cccccc;background:#fff;border-radius:5px; height:31px; line-height:29px; width:100px;font-size:14px;color:#666666;margin-left:20px;}
.Cancel:hover{background:#f5f5f5;}
.Save{border:1px solid #f7ac15;background:#f7ac15;border-radius:5px;height:31px;line-height:29px;width:100px;color:#fff;font-size:14px;}
.Save:hover{background:#fd6216;border:1px solid #fd6216;}
.pop_padd {padding:20px 0;}
.top_right{ height:34px; line-height:34px; padding:10px 25px 0 0; float:right; font-size:14px; color:#ffffff; vertical-align:middle;}
.top_right img{ vertical-align:middle;}
.top_search {width:266px;height:32px; background:url(../images/top_search.png) no-repeat;margin:12px 5px 0 0;float:right;}
    .top_search .tsinp {width:228px;height:32px;padding:8px 8px 8px 18px;line-height:16px;float:left;font-size:14px;color:#999999; background:no-repeat;border:0 none;}
    .top_search .tsbtn {width:38px;height:32px;float:left; background:no-repeat;border:0 none;}
/*side*/
.side{ width:248px; position:absolute; top:55px; bottom:0; left:0; background:#34495e;}
.side1{ width:248px;}
.side1_self{ width:248px; height:149px; *height:105px; padding:27px 0 0 20px; background:url(../images/hleft_self.jpg) no-repeat; margin-bottom:1px;position:relative;}
@media only screen and (min-width: 800px) {
    .side1_self {
        height:100px;  padding: 15px 0 0 20px;
    }
   .side1 .sideMenu1 ul a {
        height: 32px;line-height: 32px;
    }
}
.self_img{ width:67px; height:67px; float:left; margin-right:10px;}
.self_img img{ border-radius:50%;}
.self_info{ padding-top:3px; float:left;}
.self_info .info1{ height:24px; line-height:24px; font-size:16px; color:#fff; vertical-align:middle;}
.self_info .info1 img{ vertical-align:middle;}
.self_info .info2{ height:20px; line-height:20px; font-size:14px; color:#fff;}
.self_state{ height:20px; line-height:20px; color:#fff;}
.self_state span{ padding-left:13px; background:url(../images/self_icon2.png) no-repeat center left; font-size:12px;}
.self_state span.on{ background:url(../images/self_icon2on.png) no-repeat center left;}
.self_weather {padding-top:8px;color:#fff;font-size:12px;}
.self_lnav {width:20px;height:20px;background:url(../images/lnav_icon2.png) no-repeat;position:absolute; top:108px;right:17px;}
.sideMenu1{ width:100%; overflow:hidden;}
.sideMenu1 h3{ padding:0 20px 0 16px; margin:0; height:46px; line-height:46px; font-size:14px; color:#ffffff; background:#34495e; position:relative; cursor:pointer;}
.sideMenu1 h3 span{ padding-left:35px;height:22px; line-height: 22px; display: inline-block; margin-top: 13px; font-family:"微软雅黑";}
.sideMenu1 h3.nav1 span{ background:url(../images/left_nav1.png) no-repeat center left;}
.sideMenu1 h3.nav2 span{ background:url(../images/left_nav2.png) no-repeat center left;}
.sideMenu1 h3.nav3 span{ background:url(../images/left_nav3.png) no-repeat center left;}
.sideMenu1 h3.nav4 span{ background:url(../images/left_nav4.png) no-repeat center left;}
.sideMenu1 h3.nav5 span{ background:url(../images/left_nav5.png) no-repeat center left;}
.sideMenu1 h3.nav6 span{ background:url(../images/left_nav6.png) no-repeat center left;}
.sideMenu1 h3.nav7 span{ background:url(../images/left_nav7.png) no-repeat center left;}
.sideMenu1 h3.nav8 span{ background:url(../images/left_nav8.png) no-repeat center left;}
.sideMenu1 h3.nav9 span{ background:url(../images/left_nav9.png) no-repeat center left;}
.sideMenu1 h3 .nshow,.sideMenu1 h3 .nhide{ width:11px; height:11px; padding:0; position:absolute; top:18px; right:20px;}
.sideMenu1 h3 .nshow{ background:url(../images/left_show.png) no-repeat;}
.sideMenu1 h3 .nhide{ background:url(../images/left_hide.png) no-repeat; display:none;}
.sideMenu1 h3.on{ background:#1f68ba;}
.sideMenu1 h3.on .nshow{ display:none;}
.sideMenu1 h3.on .nhide{ display:block;}
.sideMenu1 ul{ padding:3px 10px; background:#233345; display:none;}
.sideMenu1 ul a{ width:225px; height:36px; line-height:36px; border-left:3px solid #233345; padding-left:45px; color:#d4d9df; display:block;}
.sideMenu1 ul a.active,.sideMenu1 ul a:hover{ border-left:3px solid #0477b2; background:#34495e; text-decoration:none;}
.side1_line{ width:248px; height:8px; line-height:0; font-size:0; position:absolute; left:0; bottom:192px; background:url(../images/left_line.jpg) no-repeat;}
.side1_other{ width:248px; /*height:180px;*/ line-height:50px; text-align:center; color:#8895a1; padding-top:130px; position:fixed; left:0; bottom:0; background:url(../images/left_logo.png) no-repeat center top;}
.side1_other a{ color:#8895a1; font-size:12px;}
.side1_other a:hover{ color:#8895a1; text-decoration:none;}
.tree_one{ overflow-x:hidden;}
/*main*/
.main_line{ height:65px; border-bottom:1px solid #a2a2a2; background:#1f3144; position:absolute; top:55px; left:248px; right:0;}
.sideicon{ width:62px; height:65px; border-right:1px solid #2f4051; float:left; cursor:pointer; background:url(../images/lnav_icon.png) no-repeat center; margin-right:32px;}
.mainsearch{ float:left; height:65px;}
.mainsearch input{ width:200px; height:35px; line-height:35px; margin-top:15px; font-size:14px; color:#e3e3e3; padding-left:36px; background:url(../images/search_icon.png) no-repeat center left; border:0 none;}
.editicon a.message{ width:62px; height:55px; float:left; background:url(../images/home_icon2.png) no-repeat center; position:relative;}
.editicon a.edit{ width:62px; height:55px; float:left; background:url(../images/home_icon3.png) no-repeat center;}
.editicon a.cancel{ width:62px; height:55px; float:left; background:url(../images/home_icon4.png) no-repeat center;}
.editicon a:hover {background-color:#1a1a1a;}
.main {position:absolute; left:248px; top:55px; bottom:0px; right:0px; width:auto; background-color:#f3f3f4; z-index:2;overflow:hidden;}
.main iframe {width:100%; height:100%;}
.message_num {min-width: 17px;height: 17px;line-height: 17px;text-align: center;color: #fff;font-size: 12px;position: absolute;top: 13px;right: 13px;background: red;border-radius: 8px}

/*弹出层*/
.popline{ padding:0 15px; height:28px; line-height:28px; color:#666666; vertical-align:middle; cursor:pointer;}
.wpop1{ width:110px;}
.popline img{ vertical-align:middle;}
.popline a,.popline span{ color:#666666; font-size:12px;}
.popline a:hover{ color:#666666; text-decoration:none;}
.popline:hover {background:#e9e9e9;}
.self_info .popover-content,.editicon .popover-content {padding:9px 0;}
.self_info .popover,.editicon .popover {padding:0;}

/* 设置滚动条的样式 */
.tree_one::-webkit-scrollbar,.sideMenu1::-webkit-scrollbar {
    width: 13px;
}
/* 滚动槽 */
.tree_one::-webkit-scrollbar-track,.sideMenu1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(48,65,83,1);
    background: rgba(48,65,83,1);
    border-radius: 10px;
}
/* 滚动条滑块 */
.tree_one::-webkit-scrollbar-thumb,.sideMenu1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(27,42,58,1);
    -webkit-box-shadow: inset 0 0 6px rgba(27,42,58,1);
}

.tree_one::-webkit-scrollbar-thumb:window-inactive,.sideMenu1::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(27,42,58,0.4);
}

/* 设置滚动条的样式 
::-webkit-scrollbar {
width: 15px;
}
 滚动槽 
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 0px;
background:#cccccc;
}
 滚动条滑块 
::-webkit-scrollbar-thumb {
border-radius: 0px;
background:#1f68ba;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:#1f68ba;
}
div,ul{
scrollbar-face-color: #1f68ba;
scrollbar-highlight-color: #cccccc;
scrollbar-shadow-color: #1f68ba;
scrollbar-3dlight-color: #1f68ba;
scrollbar-arrow-color: #666666;
scrollbar-track-color: #cccccc;
scrollbar-darkshadow-color: #48486c;
scrollbar-base-color: #cccccc
}*/ 